@function px2rem($px) {
  $rem: 37.5px;
  @return ($px / $rem)+rem;
}

// 主字体色
.color-primany {
  color: #328FFF;
}
// 主背景色
.bgc-primary {
  background-color: #328FFF;
}
//主按钮
.btn-primany {
  text-align: center;
  line-height: 3;
  color: #fff;
  background-color: #328FFF;
  border-radius: px2rem(16px);
}
.flex-1 {
  flex: 1;
}
.border-radius-8 {
  border-radius: px2rem(8px);
}
.border-radius-16 {
  border-radius: px2rem(16px);
}
.border-radius-percent50 {
  border-radius: 50%;
}
.mask {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.mask-gray {
  background-color: rgba(0,0,0,.5);
}
.mask-transparent {
  background-color: rgba(0,0,0,0);
}
.mask-content {
  margin: auto;
  background-color: #fff;
}

// Picker选择器选中状态
.van-picker-column__item--selected{
  color: #328FFF !important;
}

// tab导航栏样式
.van-tabs--line .van-tabs__wrap{
  height: 3.25rem !important;
}
.van-tab__text--ellipsis{
  font-size: 0.94rem !important;
}
.van-tab--active{
  font-weight: 600 !important;
}
.van-tabs__line{
  background-color:#328FFF !important;
}

//灰色分割条
.gray-div{
  width: 100%;
  height: 0.88rem;
  background: #f2f2f2;
}

// 普通按钮样式
.blue-btn{
  width: 21.44rem;
  margin: 0 auto;
  height: 3.13rem;
  background: #328FFF;
  border-radius: 0.38rem;
  font-size: 1.06rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 3.13rem;
  text-align: center;
}